<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="CSS/bootstrap.css"/>
		<script src="JS/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="JS/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container table-responsive">
			<table class="table table-striped table-hover">
			<tr class="success">
				<td>学号</td>
				<td>姓名</td>
				<td>年龄</td>
				<td>电话</td>
				<td>邮箱</td>
			</tr>
			
			<tr class="warning">
				<td>117030901</td>
				<td>王晓华 王晓华 王晓华 王晓华 王晓华 王晓华 王晓华 王晓华</td>
				<td>21</td>
				<td>17782244420</td>
				<td>wangxiaohua@qq.com</td>
			</tr>
			
			<tr class="danger">
				<td>117030901</td>
				<td>王晓华</td>
				<td>21</td>
				<td>17782244420</td>
				<td>wangxiaohua@qq.com</td>
			</tr>
			
			<tr>
				<td>117030901</td>
				<td>王晓华</td>
				<td>21</td>
				<td>17782244420</td>
				<td>wangxiaohua@qq.com</td>
			</tr>
			
			<tr>
				<td>117030901</td>
				<td>王晓华</td>
				<td>21</td>
				<td>17782244420</td>
				<td>wangxiaohua@qq.com</td>
			</tr>
			
			<tr>
				<td>117030901</td>
				<td>王晓华</td>
				<td>21</td>
				<td>17782244420</td>
				<td>wangxiaohua@qq.com</td>
			</tr>
			
			<tr>
				<td>117030901</td>
				<td>王晓华</td>
				<td>21</td>
				<td>17782244420</td>
				<td>wangxiaohua@qq.com</td>
			</tr>
		</table>
		</div>
						
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis delectus voluptate rerum magni consectetur quasi nobis impedit voluptatem rem dolorem pariatur labore quisquam quibusdam. Rerum totam incidunt nulla deserunt aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates eos earum aliquid facere dicta nam perspiciatis facilis. Aut obcaecati sed nam molestias ratione at tenetur nemo ab sit quasi officiis.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis delectus voluptate rerum magni consectetur quasi nobis impedit voluptatem rem dolorem pariatur labore quisquam quibusdam. Rerum totam incidunt nulla deserunt aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates eos earum aliquid facere dicta nam perspiciatis facilis. Aut obcaecati sed nam molestias ratione at tenetur nemo ab sit quasi officiis.</p>	
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis delectus voluptate rerum magni consectetur quasi nobis impedit voluptatem rem dolorem pariatur labore quisquam quibusdam. Rerum totam incidunt nulla deserunt aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates eos earum aliquid facere dicta nam perspiciatis facilis. Aut obcaecati sed nam molestias ratione at tenetur nemo ab sit quasi officiis.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis delectus voluptate rerum magni consectetur quasi nobis impedit voluptatem rem dolorem pariatur labore quisquam quibusdam. Rerum totam incidunt nulla deserunt aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates eos earum aliquid facere dicta nam perspiciatis facilis. Aut obcaecati sed nam molestias ratione at tenetur nemo ab sit quasi officiis.</p>
	</body>
</html>
